<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>购买</title>
		<style>
			*{
			margin: 0;
			padding: 0;
		}
		.a{
			float: right;
		}
			#menu{
				position: fixed;
				left:0;
				top: 0;
				z-index: 100;
				background-color:  #F0F8FF;
				list-style: none;
                opacity: 0.5;
                float: right;
			}
			#menu li a{
				font-size: 20px;
				color:    #FF0000;
				text-decoration: none;
				
			}
		   li a:hover{
		   	background-color: #FFFF00;
		   	color:  #000000;
		   }
		   #do{
		   	font-size: 50px;
		   	text-align: center;
		   	text-shadow: red 0px -5px 5px,yellow 0px -10px 5px, azure 0px -15px 5px,aqua 0px -15px 5px,darkblue 0px -20px 5px ;
		   }
		   #t1{
		    text-align: center;
		   }
		   legend{
		   	text-align: right;
		   }
		   label{
		   	color: white;
		   }
		   span{
		   	color: white;
		   }
		   body{
			background-image: url(img/dbg.jpg);
			background-size: 100%;
		}
		#ps{
			font-size: 30px;
			color: red;
			text-align: center;
		}
		</style>
	</head>
	<body background="img/dbg.jpg">
		<ul id="menu" >
			<li><a href="wonderful.html">首页</a></li>
			<li><a href="Europe.html">欧美影视动漫</a></li>
			<li><a href="Japan.html">日本万代</a></li>
			<li><a href="img/mask2.jpg">购买</a></li>
	        <li><a href="plan.html">创业计划书</a></li>
		</ul>
		<p id="do">支付界面</p>
		<fieldset>
			<fieldset >
				<legend>个人信息</legend>
				<center><label>账号：</label>
				<input type="text" /></center>
				<br />
				<center><label>地址：</label>
				<input type="text" /></center>
				<br />
				<center><label>电话：</label>
				<input  type="text"/></center>
				<br />
				<center><label>邮箱：</label>
				<input type="text" /></center>
				<br />
				<center><label>性别：</label>
				<input type="radio" name="sex" /><span>男</span>
				<input type="radio" name="sex" /><span>女</span></center>
			</fieldset>
			<fieldset >
				<legend>商品自选</legend>
				<center><label>商品名:</label>
				<input type="text" /></center>
				<br />
				<center><label>备注：</label>
				<input type="textarea" /></center>
			</fieldset>
			<center><button>前往选择</button></center>
		</fieldset>
		<p id="ps">ps:若未完成购买，全额退款</p>
	</body>
</html>
